.flex {
  display: flex;
}

.width {
  width: 100%;
}

.height {
  height: 100%;
}

.center {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.bw {
  justify-content: space-between;
}

.fz {
  font-size: 24rpx;
}

.fw {
  font-weight: bold;
}

.gray {
  color: #8b8b8b;
}

.two-gray {
  background-color: #f1f1f1;
}

.deep-gray {
  background-color: #f8f8f8;
}

.red {
  color: #e6280e;
}

.border-btn-red {
  border: 1px solid #c33d3a;
  background-color: #fcf0f0;
  color: #c33d3a;
}

.btn {
  border-radius: 15px;
  border: 1px solid #808080;
}

.using {
  /* 显示一行，省略号 */
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}

.multi-line {
  /* 显示两行，省略号 */
  // -webkit-line-clamp: 2;
  // line-clamp: 2;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
